<template>
  <div class="empty-result">
    <div class="empty-block">
      <img src="/static/wechat/images/nodata.png"/>
      <p>啊哦，什么都没找到。</p>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'nothing',
    data () {
      return {
        msg: 'nothing'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .empty-result{
    height: 100%;
  }
  .empty-block{
    text-align: center;
    position: relative;
    display: block;
    margin: 20% 0;
  }
  .empty-block img{
    width: 40%;
    margin: 0 30%;
    display: block;
    position: relative;
  }
  .empty-block p{
    color: #666;
    font-size: 12px;
    text-align: center;
  }
</style>
